<template>
    <section class="data-center-park" style="">
        <div class="shop-custom-operation">
            <header class="shop-custom-header">
                <p style="float: left">数据中心<span style="margin: 2px">-</span>数据中心</p>
                <div class="float-right">
                    <el-button type="text" size="mini" style="font-size: 14px;" @click="getDataScreen" v-show="showParkItem_const.systemManage_AddedService_Screen">
                        <img :src="baseImg.screen" style="vertical-align: text-top;width: 16px;height: 16px;margin-right: 5px">数据大屏</el-button>
                    <el-button type="text" size="mini" icon="el-icon-refresh" style="font-size: 14px;color: #1E1E1E;" @click="getDatas">刷新</el-button>
                </div>
            </header>
        </div>
        <div class="content-padding">
        <!--第一部分统计数量的卡片-->
        <el-row class="center-park-margin" :gutter="13" type="flex" justify="space-between">
            <el-col :xs="24" :sm="12" >
                <infor-card
                        id-name="allCount"
                        :end-val="otherData.receiveTotal"
                        iconType="iconfont icon-jine"
                        color="linear-gradient(163deg, #FFE06D 0%, #D96E13 100%)"
                        :iconSize="36"
                        :retain="2"
                        intro-text="总收入（元）"
                ></infor-card>
            </el-col>
            <!--color="linear-gradient(170deg, #6DBFFF 0%, #1355D9 100%)"-->
            <el-col :xs="24" :sm="12" >
                <infor-card
                        id-name="allCount"
                        :end-val="otherData.parkEmpty"
                        iconType="iconfont icon-chewei"
                        color="linear-gradient(170deg, #6DBFFF 0%, #4C97F1 100%)"
                        :iconSize="36"
                        :retain="0"
                        intro-text="空车位（个）"
                ></infor-card>
            </el-col>
            <!--color="linear-gradient(-44deg, #3023AE 0%, #53A0FD 100%)"-->
            <el-col :xs="24" :sm="12" >
                <infor-card
                        id-name="allCount"
                        :end-val="otherData.monthTotal"
                        iconType="iconfont icon-huiyuan1"
                        color="linear-gradient(-44deg, #3C4EC9 0%, #53A0FD 100%)"
                        :iconSize="36"
                        :retain="0"
                        intro-text="月卡会员（人）"
                ></infor-card>
            </el-col>
            <el-col :xs="24" :sm="12" >
                <infor-card
                        id-name="allCount"
                        :end-val="otherData.ticketCount"
                        iconType="iconfont icon-quan"
                        color="linear-gradient(165deg, #6DFF7C 0%, #138ED9 100%)"
                        :iconSize="36"
                        :retain="0"
                        intro-text="优惠券发放（张）"
                ></infor-card>
            </el-col>
            <el-col :xs="24" :sm="12" >
                <infor-card
                        id-name="allCount"
                        :end-val="otherData.vistorCount"
                        iconType="iconfont icon-fangke"
                        color="linear-gradient(135deg, #FFB2A2 0%, #F76B1C 100%)"
                        :iconSize="36"
                        :retain="0"
                        intro-text="访客未处理（人）"
                ></infor-card>
            </el-col>
        </el-row>

        <!--第二部分 今日收费汇总 车场状态 今日收费车场排行-->
        <el-row class="center-park-margin" :gutter="20">
            <el-col :xs="24" :sm="12" :md="8">
                <charts-pie
                        charts-title="今日收费汇总"
                        charts-type="pie"
                        :charts-wrapper-height="currentHeight"
                :charts-data="incomePie"
                ></charts-pie>
            </el-col>

            <el-col :xs="24" :sm="12" :md="8">
                <el-card :body-style="{ padding: '10px 0' }">
                    <div :style="{height:currentHeight}">
                        <p class="card-title"><span class="bar-icon"></span>在线设备</p>
                        <el-row type="flex" class="seamless-item-title">
                            <el-col :span="8"  justify="center" align="center">状态</el-col>
                            <el-col :span="16"  justify="center" align="center">名称</el-col>
                        </el-row>
                        <div v-show="parkState.length == 0" v-bind:style="{ overflow: 'hidden',height:'calc(100% - 60px)',textAlign:'center',color:'#a1a1a1' }">
                            <!--<i class="iconfont icon-wushuju" style="font-size: 60px"></i>-->
                            <svg width="59px" height="60px" viewBox="0 0 59 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                <!-- Generator: Sketch 52.4 (67378) - http://www.bohemiancoding.com/sketch -->
                                <title>Bitmap</title>
                                <desc>Created with Sketch.</desc>
                                <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                    <image id="Bitmap" x="0" y="0" width="59" height="60" xlink:href=""></image>
                                </g>
                            </svg>
                            <p>暂无数据</p>
                        </div>
                        <vue-seamless-scroll :class-option="classOption" v-show="parkState.length != 0" :data="parkState" v-bind:style="{ overflow: 'hidden',height:'calc(100% - 60px)' }" v-if="parkState.length>0">
                            <ul>
                                <li  v-for='(item,index) in parkState' :key="index" class="seamless-item-style">
                                    <el-row type="flex">
                                        <el-col :span="8"  justify="center" align="center" style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 40px;vertical-align: middle;">
                                            <img :src="item.state == 1 ? baseImg.shangxian:baseImg.xiaxian" alt="" style="display: inline-block">
                                        </el-col>
                                        <el-col :span="16"  justify="center" align="center" style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap">{{item.localid}}</el-col>
                                    </el-row>
                                </li>
                            </ul>
                        </vue-seamless-scroll>
                    </div>
                </el-card>
            </el-col>
            <el-col :xs="24" :sm="12" :md="8">
                <charts-pie
                        charts-title="今日收费排行"
                        charts-type="bar"
                        :charts-data="rankData"
                        :charts-wrapper-height="currentHeight"
                ></charts-pie>
            </el-col>
        </el-row>

        <!--第三部分 进出车辆统计 入场车辆信息 出场车辆信息-->
        <el-row class="center-park-margin" :gutter="20">
            <el-col :xs="24" :sm="12" :md="8">
                <el-card :body-style="{ padding: '10px' }">
                    <div :style="{height:currentHeight}">
                        <p class="card-title"><span class="bar-icon"></span>进出车辆统计</p>
                        <div v-bind:style="{ overflow: 'hidden',height:'calc(100% - 30px)' }">
                            <div style="margin-bottom: 24px;margin-top: 24px">
                                <count-bar
                                        :max-val = inOutCarsCount.maxVal
                                        :current-val = inOutCarsCount.inCars
                                        count-bar-title="今日入场车辆"
                                        :img-src="baseImg.ruchang"
                                        count-bar-color="linear-gradient(-270deg, #54DF97 3%, #3ABFB2 97%)"
                                ></count-bar>
                            </div>
                            <div style="margin-bottom: 24px">
                                <count-bar
                                        :max-val = inOutCarsCount.maxVal
                                        :current-val = inOutCarsCount.outCars
                                        count-bar-title="今日离场车辆"
                                        :img-src="baseImg.chuchang"
                                        count-bar-color=" linear-gradient(90deg, #F8D03B 0%, #E9A03A 98%)"
                                ></count-bar>
                            </div>
                            <div style="margin-bottom: 24px">
                                <count-bar
                                        :max-val = inOutCarsCount.maxVal
                                        :current-val = inOutCarsCount.inPark
                                        count-bar-title="今日在场车辆"
                                        :img-src="baseImg.zaichang"
                                        count-bar-color="linear-gradient(90deg, #6DBFFF 0%, #4590EE 100%)"
                                ></count-bar>
                            </div>

                        </div>
                    </div>
                </el-card>
            </el-col>
            <el-col :xs="24" :sm="12" :md="8">
                <el-card :body-style="{ padding: '10px 0' }">
                    <div :style="{height:currentHeight}">
                        <p class="card-title"><span class="bar-icon"></span>入场车辆信息</p>
                        <el-row type="flex" class="seamless-item-title">
                            <el-col :span="8"  justify="center" align="center">通道名称</el-col>
                            <el-col :span="8"  justify="center" align="center">时间</el-col>
                            <el-col :span="8"  justify="center" align="center">车牌号</el-col>
                        </el-row>
                        <div v-show="inPartData.length == 0" v-bind:style="{ overflow: 'hidden',height:'calc(100% - 60px)',textAlign:'center',color:'#a1a1a1' }">
                            <!--<i class="iconfont icon-wushuju" style="font-size: 60px"></i>-->
                            <svg width="59px" height="60px" viewBox="0 0 59 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                <!-- Generator: Sketch 52.4 (67378) - http://www.bohemiancoding.com/sketch -->
                                <title>Bitmap</title>
                                <desc>Created with Sketch.</desc>
                                <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                    <image id="Bitmap" x="0" y="0" width="59" height="60" xlink:href=""></image>
                                </g>
                            </svg>
                            <p>暂无数据</p>
                        </div>
                        <vue-seamless-scroll :class-option="classOption" v-show="inPartData.length>0" :data="inPartData" v-bind:style="{ overflow: 'hidden',height:'calc(100% - 60px)' }" v-if="inPartData.length>0">
                            <ul>
                                <li  v-for='(item,index) in inPartData' :key="index" class="seamless-item-style">
                                    <el-row type="flex">
                                        <el-col :span="8"  justify="center" align="center" style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap">{{item.parkName}}</el-col>
                                        <el-col :span="8"  justify="center" align="center" style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap">{{item.time}}</el-col>
                                        <el-col :span="8"  justify="center" align="center" style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap">{{item.cartId}}</el-col>
                                    </el-row>
                                </li>
                            </ul>
                        </vue-seamless-scroll>
                    </div>
                </el-card>
            </el-col>
            <el-col :xs="24" :sm="12" :md="8">
                <el-card :body-style="{ padding: '10px 0' }">
                    <div :style="{height:currentHeight}">
                        <p class="card-title"><span class="bar-icon"></span>出场车辆信息</p>
                        <el-row type="flex" class="seamless-item-title">
                            <el-col :span="8"  justify="center" align="center">通道名称</el-col>
                            <el-col :span="8"  justify="center" align="center">时间</el-col>
                            <el-col :span="8"  justify="center" align="center">车牌号</el-col>
                        </el-row>
                        <div v-show="outPartData.length == 0" v-bind:style="{ overflow: 'hidden',height:'calc(100% - 60px)',textAlign:'center',color:'#a1a1a1' }">
                            <!--<i class="iconfont icon-wushuju" style="font-size: 60px"></i>-->
                            <svg width="59px" height="60px" viewBox="0 0 59 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                <!-- Generator: Sketch 52.4 (67378) - http://www.bohemiancoding.com/sketch -->
                                <title>Bitmap</title>
                                <desc>Created with Sketch.</desc>
                                <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                    <image id="Bitmap" x="0" y="0" width="59" height="60" xlink:href=""></image>
                                </g>
                            </svg>
                            <p>暂无数据</p>
                        </div>
                        <vue-seamless-scroll :class-option="classOption" v-show="outPartData.length>0" :data="outPartData" v-bind:style="{ overflow: 'hidden',height:'calc(100% - 60px)' }" v-if="outPartData.length>0">
                            <ul>
                                <li  v-for='(item,index) in outPartData' :key="index" class="seamless-item-style">
                                    <el-row type="flex">
                                        <el-col :span="8"  justify="center" align="center" style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap">{{item.parkName}}</el-col>
                                        <el-col :span="8"  justify="center" align="center" style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap">{{item.time}}</el-col>
                                        <el-col :span="8"  justify="center" align="center" style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap">{{item.cartId}}</el-col>
                                    </el-row>
                                </li>
                            </ul>
                        </vue-seamless-scroll>
                    </div>
                </el-card>
            </el-col>
        </el-row>
        <!--第四部分 泊位使用率 异常抬杆-->
        <el-row class="center-park-margin" :gutter="20">
            <el-col :xs="24" :sm="12" :md="12">
                <charts-pie
                        charts-title="泊位使用率"
                        charts-type="line"
                        :charts-data="berthData"
                        :charts-wrapper-height="currentHeight"
                ></charts-pie>
            </el-col>
            <el-col :xs="24" :sm="12" :md="12">
                <el-card :body-style="{ padding: '10px 0' }">
                    <div :style="{height:currentHeight}">
                        <p class="card-title"><span class="bar-icon"></span>异常抬杆</p>
                        <el-row type="flex" class="seamless-item-title">
                            <el-col :span="6"  justify="center" align="center">通道名称</el-col>
                            <el-col :span="6"  justify="center" align="center">时间</el-col>
                            <el-col :span="6"  justify="center" align="center">收费员</el-col>
                            <el-col :span="6"  justify="center" align="center">原因</el-col>
                        </el-row>
                        <div v-show="exceptionDataPole.length == 0" v-bind:style="{ overflow: 'hidden',height:'calc(100% - 60px)',textAlign:'center',color:'#a1a1a1' }">
                            <!--<i class="iconfont icon-wushuju" style="font-size: 60px"></i>-->
                            <svg width="59px" height="60px" viewBox="0 0 59 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                <!-- Generator: Sketch 52.4 (67378) - http://www.bohemiancoding.com/sketch -->
                                <title>Bitmap</title>
                                <desc>Created with Sketch.</desc>
                                <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                    <image id="Bitmap" x="0" y="0" width="59" height="60" xlink:href=""></image>
                                </g>
                            </svg>
                            <p>暂无数据</p>
                        </div>
                        <vue-seamless-scroll :class-option="classOption" v-show="exceptionDataPole.length>0" :data="exceptionDataPole" v-bind:style="{ overflow: 'hidden',height:'calc(100% - 60px)' }" v-if="exceptionDataPole.length>0">
                            <ul>
                                <li  v-for='(item,index) in exceptionDataPole' :key="index" class="seamless-item-style">
                                    <el-row type="flex">
                                        <el-col :span="6"  justify="center" align="center" style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap">{{item.passid}}</el-col>
                                        <el-col :span="6"  justify="center" align="center" style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap">{{item.time}}</el-col>
                                        <el-col :span="6"  justify="center" align="center" style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap">{{item.uin}}</el-col>
                                        <el-col :span="6"  justify="center" align="center" style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap">{{item.reason}}</el-col>
                                    </el-row>
                                </li>
                            </ul>
                        </vue-seamless-scroll>
                    </div>
                </el-card>
            </el-col>
        </el-row>
        </div>
        <el-dialog
                width="450px"
                @close="closeFn"
                :show-close="false"
                custom-class="custom-dialog custom-shop-dialog"
                :visible.sync="visibleScreenDialog">
            <header class="dialog-header" slot="title">
                数据大屏<i class="el-icon-close dialog-header-iconfont" @click="visibleScreenDialog = false"></i>
            </header>
            <div class="screen-wrapper" v-if="bigScreen.state == 0">
                <img :src="baseImg.screenClass" class="screen-img" style="margin-bottom: 0">
                <div class="screen-body">
                    <p class="screen-title" style="">大屏简介</p>
                    <div class="screen-content">
                        智能停车场实时数据大屏，数据高频采集，将车场各项数据可视化，采用炫酷的动态图形展示，增强数据的呈现效果，方便管理方及时了解车位使用情况、收费趋势等信息。
                    </div>
                </div>
            </div>
            <div class="screen-wrapper"  v-if="bigScreen.state == 2">
                <img :src="baseImg.screenClass" class="screen-img" style="margin-bottom: 0">
                <div class="screen-body">
                    <div class="screen-content">
                        该服务已过期<br/>请续费后才能重新使用
                    </div>
                </div>
            </div>
            <div class="screen-wrapper"  v-if="bigScreen.state == 3">
                <div class="screen-tip">您购买的大屏服务于{{bigScreen.begin_time}}生效，请耐心等待或继续购买！</div>
            </div>
            <div class="shop-dialog-footer">
                <div class="screen-btn" v-if="bigScreen.state == 0" @click="goShopScreen"><img :src="baseImg.renewalImg" class="screen-img">我要去购买</div>
                <div class="screen-btn" v-if="bigScreen.state == 2 || bigScreen.state == 3" @click="goShopScreen"><img :src="baseImg.renewalImg" class="screen-img">我要去续费</div>
            </div>
        </el-dialog>
    </section>
</template>
<script>
    import {path, orderStateType, orderPayType, parkType} from '@/api/api';
    import { showParkItem_const } from '@/common/js/const';
    import axios from 'axios';
    import inforCard from  '@/components/InforCard'
    import chartsPie from  '@/components/ChartsPie'
    import countBar from '@/components/CountBar'
    export default {
        components: {
            inforCard,chartsPie,countBar
        },
        data () {
            return {
                showParkItem_const:showParkItem_const,
                visibleScreenDialog:false,
                bigScreen:{
                    state:1,
                    warn:0,
                    begin_time:''
                },
                baseImg:{
                    'ruchang':require('@/assets/images/ruchang.png'),
                    'chuchang':require('@/assets/images/chuchang.png'),
                    'zaichang':require('@/assets/images/zaichang.png'),
                    'shangxian':require('@/assets/images/shangxian.png'),
                    'xiaxian':require('@/assets/images/xiaxian.png'),
                    'screen':require('@/assets/images/screen/screen.png'),
                    'renewalImg':require('@/assets/images/renewal.png'),
                    'screenClass':require('@/assets/images/screen/screen.jpg'),
                },
                chargeSummaryData:[{
                    value: 0,
                    name: '电子支付'
                },
                    {
                        value: 0,
                        name: '现金支付'
                    },
                    {
                        value: 0,
                        name: '优惠减免'
                    }], //今日收费汇总数据
                otherData:{
                    monthTotal:0, //月卡
                    parkEmpty:0,    //空车位
                    receiveTotal:0,//总收入
                    ticketCount:0,//优惠券
                    vistorCount:0,//访客
                },
                topParkChartData:[],//今日收费车场排行
                parkState: [],//车场在线状态
                inPartData: [],//入场车辆轮播
                outPartData: [],//出场车辆轮播
                berthData: [],//泊位使用率
                rankData: [],//收费排行
                exceptionData: {},//异常列表
                exceptionDataPole: [],//异常列表抬杆轮播
                incomePie: [],//今日收费构成饼图
                inOutCarsCount:{
                    inCars:0, //今日入场车辆
                    inPark:0,//今日在场车辆
                    outCars:0,//今日离场车辆
                    maxVal:0 //最大值
                },//进出车辆统计
                currentHeight:'200px',
                dataInteval:null, //定时器
            }
        },
        mounted () {
            let that = this;
            that.getDatas();
            this.dataInteval = setInterval(that.getDatas, 60000);
        },
        updated () {



        },
        computed: {


        },
        activated(){
            let that = this;
            that.getDatas();
            clearInterval(this.dataInteval);
            this.dataInteval = setInterval(that.getDatas, 60000);
        },
        deactivated(){
            clearInterval(this.dataInteval);
        },
        computed: {
            classOption () {
                return {
                    step:0.5,
                    direction: 1
                }
            }
        },
        methods: {
            getDatas() {
                let that = this;
                //增加随机数
                var tmp = Math.random().toString();
                axios.all([axios.get(path + '/getparkinfo/bycomid?tmp='+tmp+'&comid=' + sessionStorage.getItem('comid'))])
                    .then(axios.spread(function (ret) {
                        // console.log('获取到的数据',ret)
                        if(ret.status == 200){
                            let parkAllData = ret.data;

                             /*
                             * 总收入、空车位、月卡会员、优惠券发放、访客未处理人
                             * */

                            let otherData = parkAllData.otherData;
                            that.otherData = otherData;

                             let totalIncomPie= parkAllData.totalIncomPie; //今日收费汇总
                            that.incomePie = totalIncomPie; //今日收费汇总
                            let parkState = parkAllData.parkState; //车场状态
                            that.parkState = parkState; //车场状态
                            /*
                            * parkRank 今日收费排行
                            * 信息组装成 echarts 格式数据
                            * rankData
                            * */
                            let rankData = parkAllData.parkRank; //今日收费排行
                            that.rankData = that.renkDataFormat(rankData)

                            /*
                            * 进出车辆统计
                            * 获取最大值 maxValue
                            *数据重组，获取最大值
                            * */
                            let inOutCarsCount = parkAllData.inOutCarsCount;
                            that.inOutCarsCount = that.maxValFormat(inOutCarsCount)

                            /*
                            * 入场车辆信息
                            * inPartData
                            * */
                            let inPartData = parkAllData.inPartData
                            that.inPartData = inPartData;

                            /*
                            *出场车辆信息
                            * outPartData
                            * */
                            let outPartData = parkAllData.outPartData
                            that.outPartData = outPartData;

                            /*
                            *异常抬杆列表
                            * exceptionDataPole
                            * */
                            let exceptionDataPole = parkAllData.exceptionEvents
                            that.exceptionDataPole = exceptionDataPole;

                            /*
                            * 泊位使用率
                            * berthPercentData
                            * */
                            let berthPercentData = parkAllData.berthPercentData;
                            that.berthData = that.berthDataFormat(berthPercentData)
                        }
                    }));
            },
            //格式化泊位使用率数据
            berthDataFormat(berthData){
                let rData = [];
                if(berthData.length > 0){
                    rData.value = [];
                    rData.name = [];
                    for (var i = 0; i < berthData.length; i++) {
                        rData.name.push(berthData[i].time);
                        rData.value.push(((berthData[i].percent)));
                    }
                }
                return rData;
            },
            //格式化今日收费排行数据
            renkDataFormat(rankData){
                let rData = [];
                if(rankData.length>0){
                    rData.value = [];
                    rData.name = [];
                    for (var i = rankData.length - 1; i >= 0; i--) {
                        rData.name.push(rankData[i].parkName);
                        rData.value.push(rankData[i].total);
                    }
                }
                return rData;
            },
            //格式化进出车辆统计数据
            maxValFormat(data){
                let arr = [data.inCars,data.inPark,data.outCars];
                arr.sort(function (a,b) {
                    return a - b;
                })
                let maxVal = 10;
                if(arr[arr.length - 1] == 0){
                    maxVal = 10;
                }else{
                    maxVal =Math.ceil((arr[arr.length - 1])*(1.2));
                }
                let obj = {
                    inCars:data.inCars,
                    inPark:data.inPark,
                    outCars:data.outCars,
                    maxVal:maxVal
                }
                // console.log('data-----',obj)
                return obj
            },
            //去购买，续费
            goShopScreen(){
                this.visibleScreenDialog = false;
                sessionStorage.setItem('highlightindex', '/systemManage_AddedService_Screen');
                this.$router.push({path: '/systemManage_AddedService_Screen'});

            },
            //跳转到数据大屏
            getDataScreen(){
                axios.get(path+'/bigscreen/getstate',{params:{
                        'timestamp':new Date().getTime(),
                    'comid':sessionStorage.getItem('comid')
                    }}).then((response)=>{
                        // console.log('-----',response)
                    if(response.status == 200){
                            this.bigScreen = response.data;
                            if(this.bigScreen.state == 0 || this.bigScreen.state == 2 || this.bigScreen.state == 3){
                                this.visibleScreenDialog = true;
                            }else{
                                let routeData = this.$router.resolve({
                                    name: "数据大屏",
                                });
                                this.$store.commit('setScreenPower',true);
                                window.open(routeData.href, '_blank');

                            }
                    }
                }).catch((error)=>{
                    this.$message({
                        message: '网络异常，请稍后重试!',
                        type: 'warning'
                    });
                })


            },
            closeFn(){

            },
            setAuthorityFn(){

            }
        }
    };
</script>

<!--<style lang="scss" src="../../styles/Home.scss" scoped></style>-->
